/**
 * Author: lw
 */
/* 以行布局 */
.rbox{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-flow: row;flex-flow: row;}

/* 以列布局 */
.cbox{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-flow: column;flex-flow: column;}

/* 行布局自动换行 */
.rbox_wrap{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-flow:row wrap;flex-flow: row wrap;}

/* 布局参数 */
.df_1{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;-webkit-tap-highlight-color: transparent;}
.df_2{-webkit-box-flex: 2;-webkit-flex: 2;-ms-flex: 2;flex: 2;-webkit-tap-highlight-color: transparent;}
.df_3{-webkit-box-flex: 3;-webkit-flex: 3;-ms-flex: 3;flex: 3;-webkit-tap-highlight-color: transparent;}
.df_4{-webkit-box-flex: 4;-webkit-flex: 4;-ms-flex: 4;flex: 4;-webkit-tap-highlight-color: transparent;}
.df_5{-webkit-box-flex: 5;-webkit-flex: 5;-ms-flex: 5;flex: 5;-webkit-tap-highlight-color: transparent;}
.df_6{-webkit-box-flex: 6;-webkit-flex: 6;-ms-flex: 6;flex: 6;-webkit-tap-highlight-color: transparent;}
.df_7{-webkit-box-flex: 7;-webkit-flex: 7;-ms-flex: 7;flex: 7;-webkit-tap-highlight-color: transparent;}
.df_8{-webkit-box-flex: 8;-webkit-flex: 8;-ms-flex: 8;flex: 8;-webkit-tap-highlight-color: transparent;}
.df_9{-webkit-box-flex: 9;-webkit-flex: 9;-ms-flex: 9;flex: 9;-webkit-tap-highlight-color: transparent;}
.df_10{-webkit-box-flex: 10;-webkit-flex: 10;-ms-flex: 10;flex: 10;-webkit-tap-highlight-color: transparent;}
.df_11{-webkit-box-flex: 11;-webkit-flex: 11;-ms-flex: 11;flex: 11;-webkit-tap-highlight-color: transparent;}
.df_12{-webkit-box-flex: 12;-webkit-flex: 12;-ms-flex: 12;flex: 12;-webkit-tap-highlight-color: transparent;}
.df_13{-webkit-box-flex:13;-webkit-flex: 13;-ms-flex: 13;flex:13;-webkit-tap-highlight-color: transparent;}
.df_14{-webkit-box-flex:14;-webkit-flex: 14;-ms-flex: 14;flex: 14;-webkit-tap-highlight-color: transparent;}
.df_15{-webkit-box-flex:15;-webkit-flex: 15;-ms-flex: 15;flex: 15;-webkit-tap-highlight-color: transparent;}
.df_16{-webkit-box-flex:16;-webkit-flex: 16;-ms-flex: 16;flex: 16;-webkit-tap-highlight-color: transparent;}
.df_17{-webkit-box-flex:17;-webkit-flex: 17;-ms-flex: 17;flex: 17;-webkit-tap-highlight-color: transparent;}
.df_18{-webkit-box-flex:18;-webkit-flex: 18;-ms-flex: 18;flex: 18;-webkit-tap-highlight-color: transparent;}
.df_19{-webkit-box-flex:19;-webkit-flex: 19;-ms-flex: 19;flex: 19;-webkit-tap-highlight-color: transparent;}
.df_20{-webkit-box-flex:20;-webkit-flex: 20;-ms-flex: 20;flex: 20;-webkit-tap-highlight-color: transparent;}

/*默认边距*/
.df_1,.df_2,.df_3,.df_4,.df_5,.df_6,.df_7,.df_8,.df_9,.df_10,.df_11,.df_12,.df_13,.df_14,.df_15,.df_16,.df_17,.df_18,.df_19,.df_20{
    padding-left: 8px;
    padding-right: 8px;
}
/*设置内边距*/
.box_padding{
    padding-left: 8px!important;
    padding-right: 8px!important;
}
/*取消内边距*/
.box_no_padding{
    padding-left: 0px!important;
    padding-right: 0px!important;
}
/*取消左内边距*/
.box_no_left_padding{
    padding-left: 0px!important;
}
/*取消右内边距*/
.box_no_right_padding{
    padding-right: 0px!important;
}
/*设置外边距*/
.box_margin{
    margin-top: 8px!important;
    margin-bottom: 8px!important;
}
/*取消外边距*/
.box_no_margin{
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}
/*取消上边框*/
.box_no_top_margin{
    margin-top: 0px!important;
}
/*取消下边框*/
.box_no_bottom_margin{
    margin-bottom: 0px!important;
}

/* 内容 X 轴布局 */
.box_x_center{justify-content: center;}
.box_x_start{justify-content: flex-start}
.box_x_end{justify-content: flex-end}

/* 内容 Y 轴布局 */
.box_y_center{ align-items: center;}
.box_y_start{align-items: flex-start}
.box_y_end{align-items: flex-end}

/* 内容 X + Y 轴布局 */
.box_center{justify-content: center;align-items: center;}

/* 单个内容布局 */
.box_1_center{align-self: center}
.box_1_start{align-self:flex-start}
.box_1_end{align-self: flex-end}

/* 多内容布局 */
.box_wrap_center{align-content: center}
.box_wrap_start{align-content:flex-start}
.box_wrap_end{align-content: flex-end}
.box_wrap_space_a{align-content: space-around}
.box_wrap_space_b{align-content: space-between}

/* 平均分布 */
.box_space_a{justify-content: space-around}

/* 两边对齐 */
.box_space_b{justify-content: space-between}


/*基础样式设置*/
/*圆角设置*/
.box_radius_1{border-radius: 1px;}
.box_radius_2{border-radius: 2px;}
.box_radius_3{border-radius: 3px;}
.box_radius_4{border-radius: 4px;}
.box_radius_5{border-radius: 5px;}
.box_radius_6{border-radius: 6px;}
.box_radius_7{border-radius: 7px;}
.box_radius_8{border-radius: 8px;}
.box_radius_9{border-radius: 9px;}
.box_radius_10{border-radius: 10px;}
.box_radius_15{border-radius: 15px;}
.box_radius_20{border-radius: 20px;}
.box_radius_25{ border-radius: 25px;}
.box_radius_30{border-radius: 30px;}

/*高度设置*/
.box_height_1{height: 1px;}
.box_height_2{height: 2px;}
.box_height_3{height: 3px;}
.box_height_4{height: 4px;}
.box_height_5{height: 5px;}
.box_height_6{height: 6px;}
.box_height_7{height: 7px;}
.box_height_8{height: 8px;}
.box_height_9{height: 9px;}
.box_height_10{height: 10px;}
.box_height_15{height: 15px;}
.box_height_20{height: 20px;}
.box_height_25{height: 25px;}
.box_height_30{height: 30px;}
.box_height_35{height: 35px;}
.box_height_40{height: 40px;}
.box_height_45{height: 45px;}
.box_height_50{height: 50px;}
.box_height_100{height: 100px;}
.box_height_150{height: 150px;}
.box_height_200{height: 200px;}

/*宽度设置*/
.box_width_1{width: 1px;}
.box_width_2{width: 2px;}
.box_width_3{width: 3px;}
.box_width_4{width: 4px;}
.box_width_5{width: 5px;}
.box_width_6{width: 6px;}
.box_width_7{width: 7px;}
.box_width_8{width: 8px;}
.box_width_9{width: 9px;}
.box_width_10{width: 10px;}
.box_width_15{width: 15px;}
.box_width_20{width: 20px;}
.box_width_25{width: 25px;}
.box_width_30{width: 30px;}
.box_width_35{width: 35px;}
.box_width_40{width: 40px;}
.box_width_45{width: 45px;}
.box_width_50{width: 50px;}
.box_width_100{width: 100px;}
.box_width_150{width: 150px;}
.box_width_200{width: 200px;}

/*外边距设置*/
.box_margin_1{margin: 1px;}
.box_margin_2{margin: 2px;}
.box_margin_3{margin: 3px;}
.box_margin_4{margin: 4px;}
.box_margin_5{margin: 5px;}
.box_margin_6{margin: 6px;}
.box_margin_7{margin: 7px;}
.box_margin_8{margin: 8px;}
.box_margin_9{margin: 9px;}
.box_margin_10{margin: 10px;}
.box_margin_15{margin: 15px;}
.box_margin_20{margin: 20px;}
.box_margin_25{margin: 25px;}
.box_margin_30{margin: 30px;}

/*内边距设置*/
.box_padding_1{padding: 1px;}
.box_padding_2{padding: 2px;}
.box_padding_3{padding: 3px;}
.box_padding_4{padding: 4px;}
.box_padding_5{padding: 5px;}
.box_padding_6{padding: 6px;}
.box_padding_7{padding: 7px;}
.box_padding_8{padding: 8px;}
.box_padding_9{padding: 9px;}
.box_padding_10{padding: 10px;}
.box_padding_15{padding: 15px;}
.box_padding_20{padding: 20px;}
.box_padding_25{padding: 25px;}
.box_padding_30{padding: 30px;}

/*内容对齐方式*/
.box_text_center{text-align: center;}
.box_text_left{text-align: left;}
.box_text_right{text-align: right;}

/*清除漂浮*/
.box_clear{clear: both}



@charset "UTF-8";

/* #ifdef H5 */
:root {
	/* --view-theme: red;
	--view-fontColor: #333 */
}

/* #endif */
/* #ifdef MP */
page {
	/* --view-theme: #fff;
	--view-fontColor: #333 */
}

/* #endif */
.font-color,
.font-color-red {
	color: var(--view-priceColor) !important
}

.font-num {
	color: var(--view-theme) !important
}

.bg-color {
	background-color: var(--view-theme) !important
}

.icon-color {
	color: #ff3c2b
}

.cart-color {
	color: var(--view-theme) !important;
	border: 1px solid var(--view-theme) !important
}

.borderRadius15 {
	border-radius: 15rpx !important;
}

.borderRadius20 {
	border-radius: 20rpx !important;
}

.padding20 {
	padding: 20rpx
}

.pad20 {
	padding: 0 20rpx
}

.padding30 {
	padding: 30rpx
}

.pad30 {
	padding: 0 30rpx
}

.p_center {
	text-align: center;
}

.acea-row {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-o-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.acea-row.row-middle {
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.acea-row.row-top {
	-webkit-box-align: start;
	-moz-box-align: start;
	-o-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start
}

.acea-row.row-bottom {
	-webkit-box-align: end;
	-moz-box-align: end;
	-o-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end
}

.acea-row.row-center {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.acea-row.row-right {
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-o-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end
}

.acea-row.row-left {
	-webkit-box-pack: start;
	-moz-box-pack: start;
	-o-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start
}

.acea-row.row-between {
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-o-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.acea-row.row-around {
	justify-content: space-around;
	-webkit-justify-content: space-around
}

.acea-row.row-column-around {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: space-around;
	-webkit-justify-content: space-around
}

.acea-row.row-column {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.acea-row.row-column-between {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-o-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.acea-row.row-center-wrapper {
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.acea-row.row-between-wrapper {
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-o-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.start {
	width: 122rpx;
	height: 30rpx;
	background-image: url('');
	background-repeat: no-repeat;
	background-size: 122rpx auto;
}

.start.star5 {
	background-position: 0 3rpx;
}

.start.star4 {
	background-position: 0 -30rpx;
}

.start.star3 {
	background-position: 0 -70rpx;
}

.start.star2 {
	background-position: 0 -105rpx;
}

.start.star1 {
	background-position: 0 -150rpx;
}

.start.star0 {
	background-position: 0 -175rpx;
}

* {
	box-sizing: border-box
}

page {
	font-size: 28rpx;
	color: #333;
	background-color: #f5f5f5;
}

body,
html {}

button {
	padding: 0;
	margin: 0;
	line-height: normal;
	background-color: #fff
}

button::after {
	border: 0
}

radio .wx-radio-input {
	border-radius: 50%;
	width: 38rpx;
	height: 38rpx
}

radio .wx-radio-input.wx-radio-input-checked {
	border: 1px solid var(--view-theme) !important;
	background-color: var(--view-theme) !important
}

radio .uni-radio-input {
	border-radius: 50%;
	width: 38rpx;
	height: 38rpx
}

radio .uni-radio-input.uni-radio-input-checked {
	border: 1px solid var(--view-theme) !important;
	background-color: var(--view-theme) !important
}

checkbox .wx-checkbox-input {
	border-radius: 50%;
	width: 38rpx;
	height: 38rpx
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked {
	border: 1px solid var(--view-theme) !important;
	background-color: var(--view-theme) !important;
	color: #fff !important
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
	font-size: 35rpx
}

checkbox .uni-checkbox-input {
	border-radius: 50%;
	width: 38rpx;
	height: 38rpx
}

checkbox .uni-checkbox-input.uni-checkbox-input-checked {
	border: 1px solid var(--view-theme) !important;
	background-color: var(--view-theme) !important;
	color: #fff !important
}

checkbox .uni-checkbox-input.uni-checkbox-input-disabled {
	background-color: #e1e1e1 !important;
	border: 1px solid #e1e1e1 !important;
}

checkbox .uni-checkbox-input.uni-checkbox-input-checked::before {
	font-size: 35rpx
}

.line1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.line2 {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-line-clamp: 2;
	-moz-box-orient: vertical;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal;
	overflow: hidden;
}

.line3 {
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: .5;
	z-index: 5
}

@keyframes load {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes load {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.loadingpic {
	animation: load 3s linear 1s infinite;
	--webkit-animation: load 3s linear 1s infinite
}

.loading-list {
	animation: load linear 1s infinite;
	-webkit-animation: load linear 1s infinite;
	font-size: 40rpx;
	margin-right: 22rpx
}

.loading {
	width: 100%;
	height: 100rpx;
	line-height: 100rpx;
	align-items: center;
	justify-content: center;
	position: relative;
	text-align: center
}

.loading .line {
	position: absolute;
	width: 450rpx;
	left: 150rpx;
	top: 50rpx;
	height: 1px;
	border-top: 1px solid #eee
}

.loading .text {
	position: relative;
	display: inline-block;
	padding: 0 20rpx;
	background: #fff;
	z-index: 2;
	color: #777
}

.loadingicon .loading {
	animation: load linear 1s infinite;
	font-size: 45rpx;
	color: #000;
	width: 50rpx;
	height: 50rpx;
}

.loadingicon {
	width: 100%;
	height: 80rpx;
	overflow: hidden
}

.uni-p-b-98 {
	height: 100rpx;
	/* 兼容 IOS<11.2 */
	height: calc(100rpx+ constant(safe-area-inset-bottom));
	/* 兼容 IOS>11.2 */
	height: calc(100rpx + env(safe-area-inset-bottom));
}

.pd10 {
	padding: 10rpx;
}

.common-form-card{
	background-color: #fff;
	padding: 0 30rpx;
	margin: 0 25rpx;
	border-radius: 10rpx;
	box-shadow: 2rpx 4rpx 30rpx 5rpx rgba(0,0,0,0.05);
}
